

.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    background-color: white /*{a-bar-background-color};*/;
    border-color: #ddd /*{a-bar-border}*/;
    color: #333 /*{a-bar-color}*/;
    text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eee /*{a-bar-shadow-color}*/;
    /*font-weight: bold;*/
}
.header-div{
    padding: 1em 0;
    font-size: 1rem;
    background-color: white;
    font-weight: 100;
}

.header-div span{
    font-size: 1rem;
    margin-right: 0.3em;
    margin-left: 1em;
    font-weight: 100;
}

#main{
    background-color: white;
}
.main-p1{
    padding: 1em 1em;
    background-color: #ddd;
    /*outline: 1px solid red;*/
}
.main-p2{
    /*padding: 1em 1em;*/
    /*background-color: white;*/
}
@media (min-width: 28em){
    .ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {
        float: left;
        margin-left: 20%;
        width: 10%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media (min-width: 28em) {
    .ui-field-contain, .ui-mobile fieldset.ui-field-contain {
        padding: 0;
        margin: 0em 0;
        border-bottom-width: 0;
    }
}
#main-mydiv{
    padding: 1em 1em;
}
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background-color: rgb(39,200,146) /*{a-active-background-color}*/;
    border-color: rgb(39,200,146) /*{a-active-border}*/;
    color: #fff /*{a-active-color}*/;
    text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
}
.main-p3{
    padding: 1em 1em;
    background-color: #ddd;
}

/*更多的详情*/
.main-gengduo{
    padding: 0 1em;
}
.main-gengduo-p{
    padding: 1em 0;
    border-bottom: 1px solid #ddd;
}
.main-p4{
    padding: 1em 1em;
}
#main-p4-button{
    padding: 1em 0;
    /*overflow: hidden;*/
    font-size: 1rem;
    color: white;
    background-color: #fd4636;
    outline: none;
}
#main-mydiv>span{
    display: inline-block;
    font-size: 1rem;
    /*margin-top: -0.5em;*/
    position: relative;
    top:-0.7em;
}

#switch{
    /*left: 30%;*/
    position: absolute;
    left: 30%;
}

